@charset "utf-8";
/* CSS Document */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;color:#888; font-family:"微软雅黑"}
a{ text-decoration:none;}
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
li{ list-style:none;}
/*万能清除浮动开始*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table;} /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.topp{ overflow:hidden; width:100%; min-width:1200px; background:#2b2b35; border-bottom:1px solid #5c5c5c; font-size:14px; }
.welcom{ overflow:hidden; width:1200px; margin:0 auto; height:30px; line-height:30px; color:#888; font-family:"微软雅黑";}
.welcom span{ float:left; font-size:14px;}

.head{ overflow:hidden; width:100%; overflow:hidden; background:#383844; min-width:1200px; height:110px;}
.headbg{width:1200px; overflow:hidden; margin:0 auto; }
.logo{ overflow:hidden; float:left; padding-top:20px;}
.headr{ width:600px; float:right; margin-top:20px;}
.tel{ width:280px; float:left;}
.tell{ background:url(../bg.png) 0px -67px; width:60px; height:60px; margin-top:10px; float:left;}
.telr{ overflow:hidden; width:220px; float:right; color:#fff; font-size:20px;margin-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px;}

.times{ float:left; width:320px;}
.timesl{ background:url(../bg.png) 0px 0px; width:48px; height:48px; float:left;padding:10px; margin-top:5px;}
.timesr{ float:left; color:#fff; font-family:"微软雅黑"; padding:10px 10px 0px 15px; line-height:30px;}
.inner{color:#888; font-size:12px; float:right;}
.inner a{ color:#888; height:30px; line-height:30px; font-size:12px; margin:0 8px;}

.nav{ width:100%; height:70px; background:#fff; overflow:hidden;}
.navwid{width:1200px; margin:0 auto;}
#on{ background:#ffd200;border-radius:8px;}
.menu {font-family: arial, sans-serif;width:900px;margin:0 auto; margin-top:17px; float:left;}
.menu ul {padding:0;margin:0;list-style-type: none;}
.menu ul li {float:left;position:relative; margin-right:5px;}
.menu ul li a:hover{ background:#ffd200; border-radius:8px;}
.menu ul li a, .menu ul li a:visited {display:block;text-align:center; text-decoration:none;width:104px;height:40px;color:#000;line-height:40px;font-size:16px;}

.search{ float:left; margin:20px 10px 0px 0px; width:290px; }
.search select{ height:30px; font-family : Trebuchet MS; float:left; }
.search input{border: 1px solid #ccc;float: left; margin-left:3px;}	
.wbyinput{ padding:5px 5px;}
.wbybut{ padding:5px 10px; background:#ffd200; color:#fff; _padding:4px 5px;}

.banner{ width:100%; min-width:1200px; margin-top:2px; }
.nivoSlider {position:relative;	width:100%;height:auto;overflow: hidden; z-index:-2;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; 	filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding: 5px 10px;opacity: 0.8;verflow: hidden;display: none;-moz-opacity: 0.8;filter:alpha(opacity=8);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */box-sizing: border-box;         /* Opera/IE 8+ */}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center; position:absolute; top:500px;right:10%;}
.nivo-controlNav a {cursor:pointer; margin-right:10px; color:#fff; background:#f9a51e;border-radius:20px; padding:4px 10px;}
.nivo-controlNav a.active {	font-weight:bold; border-radius:20px; padding:4px 10px;background:#000;}

.main{ overflow:hidden; width:1200px;margin:0 auto;}
.maina{ overflow:hidden; width:1200px; margin:0 auto;}
.sprocket{ width:100%;}
.sprocket ul li{ float:left;filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3}
.picbg{ position:relative; }
.picname{ position:absolute; top:30px; left:20px; font-size:14px; background:#000; color:#fff; padding:8px 15px; border-radius:5px; line-height:26px;}
.sprocket ul li:hover{ background:none;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1}
.pictitle{ position:absolute; bottom:70px; color:#fff; font-size:14px; line-height:30px; padding:5px; height:90px; overflow:hidden; font-family:"微软雅黑"}
.readmore{ position:absolute; bottom:30px; right:20px; font-family:Georgia, "Times New Roman", Times, serif}
.readmore a{color:#6bb9f0;}
.black{ width:100%; background:#3c3c4a !important;}
.totitle{ margin:30px 0px; border-bottom:1px solid #6d6d77;}
.totitle h3,h2{ height:26px; line-height:26px; padding-bottom:10px; font-size:20px; font-style:normal; font-weight:normal;}
.totitle h3 a{ color:#fff;}
.totitle h2 a{ color:#000;}
.totitle span{ font-size:14px;}
.linktitle{ float:left;margin:20px 0px; font-size:18px;}
.link{ float:left;  margin:20px 0px;}
.link a{ color:#888;  padding:10px; line-height:26px;}

.descrip{ color:#fff; font-size:14px; margin-bottom:30px;}
.pronav{ width:100%; height:52px; background:#30303c!important; margin-top:20px; overflow:hidden;}
.pronav ul li{ float:left; height:50px;line-height:50px; overflow:hidden; font-size:14px; padding:0px 15px; border-right:1px solid #5b5b5b;}
.pronav ul li a{ color:#83838c;}
.pronav ul li a:hover{ color:#fff; display:block;}
.pronav ul li:hover{ border-bottom:2px solid #ffd200;}
#in{border-bottom:2px solid #ffd200;}
#in a{ color:#fff;}



/*产品展示*/
.list-img{width:1200px; min-width:1120px; margin-top:20px; overflow:hidden; padding-bottom:30px;}
.list-img-item {width:300px; _width:290px; _margin-right:5px; _margin-bottom:5px;float:left;color: #333;}
.list-img-item img{ _width:290px;}
.typo_img img{ border:none;}
.list-img-tit-pa {position: absolute;top: 50%;left: 0px; text-align: center; font-size: 14px; width: 100%; filter: Alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.typy_icon_img a:hover .list-img-tit-pa {filter: Alpha(opacity=100); opacity: 1;}
.list-img-tit-bottom {bottom:0px;left:0;/*top:auto;*/background: url(../black80.png);padding:10px 0;bottom:0 \9;}
.list-img-item .typo_img a { display: inline-block; *display: inline;}
.typy_icon_img a{position: relative;overflow: hidden; background-position: center center ; background-repeat: no-repeat; background-color: #000;zoom:1;  }
.typy_icon_img a img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.typy_icon_img a:hover img{   filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.compic{ margin:30px 0px 0px 0px; width:100%; overflow:hidden; background:url(../home-parallax.jpg) no-repeat center 75%; width:100%; height:340px;}
.companycontwid{ width:1200px; margin:0 auto; margin:0 auto;}
.companycont{ clear:both; margin:0 auto; color:#fff; line-height:30px; height:180px; overflow:hidden; font-size:14px;}
.more{ text-align:center; padding-top:20px;}
.more a{ color:#fff; font-family:"微软雅黑"}
.example{ width:100%; background:#f1f5f3;}
.examwid{ overflow:hidden;width:1200px; margin:0 auto; }
.examlist{ width:100%;}
.examlist img{border:0 none;}
.examlist ul li{ float:left; margin-right:21px;display:inline-block; }
.examlist ul li img:hover{ background:#6bb9f0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.examlist ul li span{ display:block; width:384px; padding-top:20px; line-height:26px; font-size:14px; max-height:150px; overflow:hidden;}
.examlist ul li span i{ font-size:16px; color:#000; display:block; height:36px; font-style:normal; font-family:"微软雅黑"; overflow:hidden;}

.foot{
	width:100%;
	margin-top:10px;
	background-image: url(../footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.footwid{ overflow:hidden; width:1200px; margin:0 auto; padding-top:50px;}
.fo1{ overflow:hidden; width:270px; float:left;line-height:30px; margin:0px 20px 20px 8px; font-size:14px; color:#f4f4f4;}
.fo1 span{ display:block;  font-size:16px; color:#fff;}
.fo1 span.sitename { font-size:18px; margin-bottom:10px;}
.fonav li{ height:30px; line-height:30px; width:270px; overflow:hidden; font-family:"宋体"; font-size:12px;}
.fonav li span { float:right; margin-left:10px;height:30px; line-height:30px; font-size:12px;}
.fonav li a{ color:#f4f4f4;}
.footbot{ overflow:hidden; width:100%; border-top:1px solid #3f3f3f;}
.fobotwid{overflow:hidden; width:1200px; line-height:30px; margin:0 auto; font-size:14px; text-align:center; padding-bottom:40px;}
.fobotwid a{ color:#ccc;}
.fobotwid img{ text-align:center; }
.conbanner{ width:100%; margin:0 auto; overflow:hidden; margin-top:2px;}
.secleft{ width:240px;float:left;}

.sectitle{ overflow:hidden; width:100%; margin:0 auto; height:40px; line-height:40px; background:#383844;}
.secposition{ overflow:hidden; width:1200px; margin:0 auto; height:50px; line-height:50px;}
.secposition a{ color:#888;}
.sectitle span{width:100%; overflow:hidden; padding-left:15px; font-size:18px; color:#fff;}
.sectitle a{ color:#888;}

.lewid{ width:240px;overflow:hidden;}


.TabTitle2{padding-bottom:20px; width:100%; overflow:hidden; padding:15px; padding-left:0;}
.TabTitle2 ul.expmenu li div.header { clear:both; overflow:hidden;display: block;height:30px;overflow: hidden;line-height: 30px; }
.TabTitle2 ul.expmenu li div.header a {color:#888;font-size: 14px;padding-left:10px; }
.TabTitle2 ul.expmenu li div.header a:hover {color: #f90; text-decoration:none;}
.TabTitle2 ul.expmenu li div.header .arrow {display: block;width: 10px;height: 10px; margin-right:5px;background: no-repeat center;float: right;overflow: hidden;cursor: pointer;}
/*三角按钮*/
.TabTitle2 ul.expmenu li div.header .arrow.up {background:url(../bg.png) -99px -285px; margin-top:10px;}
.TabTitle2 ul.expmenu li div.header .arrow.down {background:url(../bg.png) -99px -315px;margin-top:13px;}
/*二级导航*/
.TabTitle2 ul.expmenu  li .menu { width:100%;display: block;height: auto;overflow: hidden;	padding: 0px 20px;}
.TabTitle2 ul.expmenu li .menu li {display: block;height: 30px;overflow: hidden;line-height: 30px;}
.TabTitle2 ul.expmenu li .menu li a {font-size: 12px;color:#888;padding-left: 10px;}
.TabTitle2 ul.expmenu li .menu li a:hover {	color: #f90;}
.telp{ line-height:30px; padding:10px; font-size:14px;}
.secright{ overflow:hidden; width:940px; float:right;}
.righttitle{ clear:both; font-size:30px;padding:8px 0px; color:#000; text-align:center; height:50px; line-height:50px; overflow:hidden;}
.time{ text-align:center; line-height:24px; margin-bottom:30px; background:#efefef; font-size:12px;}
.rigpic{ width:100%; text-align:center; margin:0 auto;}
.rigpic img{ max-width:820px; margin:0 auto; overflow:hidden;}
.rigcont{ text-indent:2em; line-height:34px; padding:5px;}
.upage{ clear:both; width:100%; margin:0 auto; margin-top:40px; text-align:center; height:50px; color:#fff;}
.upleft{ float:left; height:30px; overflow:hidden; line-height:30px;width:45%;}
.upleft a{ color:#000;}
.upright{ float:right; height:30px; overflow:hidden; line-height:30px;width:45%;}
.upright a{ color:#000;}

.tuijian{ width:100%;}
.tuijian ul{ list-style:none;}
.tuijian ul li{ text-decoration:none;text-align:center; padding:5px;}
.tuijian ul li img{ padding:3px; border:1px solid #999}
.tuijian ul li span{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden;}

.xgxx{ width:100%; margin-top:10px;}
.xgnews{width:920px;overflow:hidden; margin:10px 0px}
.xgnews ul{ margin-left:8px;}
.xgnews ul li{line-height:40px;height:40px; width:440px; padding-left:10px;float:left;overflow:hidden; font-size:14px; }
.xgnews ul li a:hover{text-decoration:none;color: #000;}
.xgnews ul li a{ color:#999;}
.xgnews ul li span{	float:right; color:#999;}

.butmain1{overflow:hidden; margin-top:20px; margin-bottom:20px; }
.butmain1 ul li{ display:block;width:700px;padding:0px 0px 5px;overflow:hidden;vertical-align:middle;}
.butmain1 ul li b{display:block;width:95px;height:30px;float:left;color:#666;line-height:30px;font-weight:normal;overflow:hidden; text-align:right;}
.butmain1 ul li span{display:block;width:450px;float:left;font-size:12px;line-height:30px;overflow:hidden;}
.butmain1 ul li em{ font-style:normal;color:#999;font-size:12px;line-height:30px;padding-left:10px;overflow:hidden;}
.butmain1 .mri02m_dd{width:280px;height:30px;border:1px solid #D3D4D3; border-radius:5px;font-size:12px;padding:0px 2px;overflow:hidden; margin-left:5px;float:left; margin-right:5px;}
.butmain1 .mri02m_ly{width:400px;height:70px;border:1px solid #D3D4D3;border-radius:5px;padding:0px 2px; overflow:auto;color:#B9B9B9; font-size:12px; line-height:22px; margin-left:5px;}
.butmain1 .mri02m_tj{width:90px;height:40px; color:#FFF;font-size:16px; margin-top:30px;line-height:30px;text-align:center; background:#9f0000;overflow:hidden; cursor:pointer; border:none;}
.pic{ float:left; margin-top:2px}
.pic img {height:30px;}

.newlist{ width:100%;}
.newlist ul li{ height:40px; line-height:40px; font-size:14px; overflow:hidden; border-bottom:1px dotted #666; background:url(../bg.png) 0px -328px no-repeat; margin-left:10px;padding-left:20px;}
.newlist ul li span{ float:right;}
.newlist ul li a{ color:#888;}
.Page{width:100%; text-align:center; margin:50px 0px 50px 100px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#000; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#000; color:#FFF}
.prolist{ width:100%; overflow:hidden;}
.sjzl_lb{width:100%;height:auto;margin:0 auto;overflow:hidden; }
.sjzl_lb li{position:relative;float:left;overflow:hidden; margin:10px 10px 10px 5px; _margin:10px 8px 10px 5px;}
.sjzl_lb img{ border:none;}
.sjzl_lb li div.bt{position:absolute;bottom:0;width:220px;height:40px;line-height:40px;background:#000;font-size:14px;text-align:center;overflow:hidden;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-0-transition:all 0.3s;
background: none repeat scroll 0 0 rgba(0, 0,0, 0.6);
}
.sjzl_lb li div.bt a{color:#fff;}
.sjzl_lb li:hover div.bt{height:80px;}
.show-list-box{overflow:hidden;}
.show-list{ width:100%;}
.show-list li{ float:left; position:relative; z-index:1;float:left; margin:-1px 5px 0 16px;	border:solid #fff; border-width:1px 0 0 1px; overflow:hidden;}
.show-list li img{
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-ms-transition:.5s all ease;
-o-transition:.5s all ease;
transition:.5s all ease;
}
.show-list li .show-wrap{ position:absolute; left:0; bottom:-150px; _bottom:-198px; padding:0 0px;
background: url(../black-opacity50bg.png);
text-align:center;
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-ms-transition:.5s all ease;
-o-transition:.5s all ease;
transition:.5s all ease;}
 
.show-list li .show-wrap h3{ height:40px;line-height:40px; color:#fff; font-size:16px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; text-align:center;}
.show-list li .show-wrap p{ border-top:1px solid #fff;border-bottom:1px solid #fff; color:#fff; font-size:13px;
text-align:left; padding:5px 0 4px; margin-bottom:5px; overflow:hidden;  padding-left:7px;}
.show-list li .more{ text-transform:uppercase; color:#fff;}
.show-list li .more:hover{ text-decoration:underline;}
.show-list li:hover .show-wrap{bottom:0; background: none repeat scroll 0 0 rgba(0, 0,0, 0.6);}
.show-list li:hover img{ 
-moz-transform:scale(1.5) translate(30px,30px);
-ms-transform:scale(1.5) translate(30px,30px);
-o-transform:scale(1.5) translate(30px,30px);
-webkit-transform:scale(1.5) translate(30px,30px);
transform:scale(1.5) translate(30px,30px);}
.newsbox{ width:100%; display:none;}

.newslistbox{width:1180px;margin:0px auto;overflow:hidden; position:relative;}
.newslistbox ul{ margin:0px; padding:0px; width:9999px; position:relative;}
.newslistbox ul li{ float:left; width:1180px; overflow:hidden; position:relative;}

.newslis{width:1220px;}
.newslis dl{float:left;width:530px;padding-right:80px; padding-bottom:25px;}
.newslis dl dt{ float:left; background:url(../bg.png) 0px -156px; width:94px; height:94px; text-align:center; font-size:14px; color:#FFF;}
.newslis dl dt span{ display:block; padding-top:8px; line-height:50px; font-size:48px;}
.newslis dl dd{ float:right; width:410px; margin-top:11px;}
.newslis dl dd h3{ font-size:16px; height:40px; line-height:40px; overflow:hidden; font-family:"微软雅黑"; font-weight:normal;}
.newslis dl dd h3 a{ color:#000}
.newslis dl dd h3 a:hover{ color:#007bc4}
.newslis dl dd div{ color:#666; font-size:14px; height:80px; overflow:hidden; line-height:26px; }